<template>
     <div>
       <h2>message</h2>
       <h2>模块化的数据</h2>
       <h2>{{ store.state.cart.cartData }}</h2>
       <button @click="changeM">触发mutations 中的方法</button>
     </div>
</template>

<script setup lang="ts">
   import {useStore} from 'vuex'
   import {ref,watch} from 'vue'
   let store = useStore()
   
  
   // 1 我怎么获取到vuex模块化中的存放的数据
   
   let cartD = ref(store.state.cart.cartData)
   console.log(store,cartD);
   const changeM = ()=>{
      //触发模块化 cart 中定义 muations的方法
      console.log(66669);
      
      store.commit('cart/changeCart')
      console.log(cartD,1111);
      
   }

   // watch(()=>store.state.cart.cartData,(newVal)=>{
   //    console.log(newVal);
   //    cartD.value = newVal
   // })
</script>

<style>

</style>